import { ref,watch } from "vue"
export default function (key, val) {
  console.log(key)
  const localVal = ref(val)
  if (val) {
    // 如果存的为对象  则需要进行转换 否则不能转换
    window.localStorage.setItem(key, JSON.stringify(val))
  } else {
    localVal.value= window.localStorage.getItem(key)
  }
  // 监听是否改变  如果改变则修改值
  watch(localVal,(newval) => {
    window.localStorage.setItem(key, JSON.stringify(newval))
  })
  //不能return对象了  如果return对象
  // {
  //   localVal
  // }
  // 相当于  key：localVal，value: localVal.value
  return localVal
}